<!-- 公告 -->
<div class="shrink-0 max-xl:mx-0 ml-2 mb-2 overflow-hidden rounded-lg" th:if="${#strings.isEmpty(niceConfig['oly.web.theme.nice.notice'])}">
  <div
    class="columns-2xs p-2 bg-white dark:text-white dark:bg-gray-800 dark:border-gray-700"
  >
    <h6 class="flex">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24"
        stroke-width="1.5"
        stroke="currentColor"
        class="w-6 h-6 mb-2"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          d="M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z"
        ></path>
      </svg>
      <span class="pl-2">通知</span>
    </h6>
    <div th:text="${niceConfig['oly.web.theme.nice.notice']}">
      <span class="mb-3 font-normal text-gray-500 dark:text-gray-400"
        >你在使用过程什么问题,可以通过以下反馈</span
      >
      <br />
      <ul
        class="max-w-md space-y-1 text-gray-500 list-none list-inside dark:text-gray-400"
      >
        <li>QQ群:54645654</li>
        <li>微信群:654645645</li>
        <li>
          <a
            href="#"
            class="font-medium text-blue-600 dark:text-blue-500 hover:underline"
            >通过站点反馈</a
          >
        </li>
      </ul>
    </div>
  </div>
</div>
